<template>
    <div>
        <!-- 专栏详情头部 -->
       <div class="recommendedlist-header-container">
           <div class="recommendedlist-header-wrapper">
                <div @click="onBack">返回</div>
                <div>专栏详情</div>
           </div>
       </div>
       <div class="recommendedlist-item-container">
           <div class="recommendedlist-item-name">{{recommended.title}}</div>
           <div class="recommendedlist-item-img">
               <img :src=recommended.pic alt="">
           </div>
           <div class="recommendedlist-item-content">
               {{recommended.content}}
           </div>
       </div>
    </div>
</template>
<script>
import '../../css/recommendedlist.css'
export default {
    data(){
        return{
        }
    },
    methods:{
        onBack(){
            this.$router.go(-1)
        },
    },
    mounted(){
       this.$store.dispatch("recommended",this.$route.query.id)
    },
    computed:{
        recommended:function(){
            return this.$store.state.Listmodules.recommendedlist
        },
    }

}
</script>